<template>
  <div class="index">
    <router-view class="views"></router-view>

    <van-tabbar active-color="#ee0a24" route>
      <van-tabbar-item class="iconfont icon--xiaolu" to="/home"
        >首页</van-tabbar-item
      >
      <van-tabbar-item class="iconfont icon-ziyuan" to="/course"
        >课程</van-tabbar-item
      >
      <van-tabbar-item class="iconfont icon-dianji" to="/record"
        >约课记录</van-tabbar-item
      >
      <van-tabbar-item class="iconfont icon-chubujilu" to="/practice"
        >练习</van-tabbar-item
      >
      <van-tabbar-item class="iconfont icon-wodeqianfenleishouye" to="/my"
        >我的</van-tabbar-item
      >
    </van-tabbar>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  mounted() {},
  methods: {},
};
</script>

<style lang='scss'>

.index{
  width: 100%;
  height: 100%;
}

.iconfont {
  font-size: 14px;
}

.views {
  width: 100%;
  height: calc(100% - 3rem);
  overflow: auto;
}
</style>
